// 轮播
var index=0;//显示当前图片
var BannerItem=document.querySelectorAll('.banner_img');
var ImgLenght=BannerItem.length;
var leftBtn=document.querySelector('.left_btn');
var rightBtn=document.querySelector('.right_btn');
// 向左
leftBtn.onclick=function(){
    activeImg('left');
}
// 向右
rightBtn.onclick=function(){
    activeImg('right');
}
// 自动
setInterval(function(){
    activeImg('right');
},3000);



// 切换图片
function activeImg(position){
    if(position==='left'){
        // 上一张
        if(index<=0){
            index=ImgLenght-1;
        }
        else{
            index--;
        }
    }
    else if(position==='right'){
        // 下一张
        if(index>=ImgLenght-1){
            index=0;
        }
        else{
            index++;
        }
    }
    showImg(index);
};

// 显示指定索引图片
function showImg(index){
    for(var i=0;i<ImgLenght;i++){
        BannerItem[i].classList.remove('show');
        // BannerItem[i].style.display='none';
    };
    BannerItem[index].classList.add('show');
    // BannerItem[index].style.display='block';
}

